<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title></title>
</head>
<body>
	<script type="text/javascript">
		/**
		 * MessageChannel： 接口允许我们创建一个新的消息通道，并通过它的两个MessagePort 属性发送数据。
		 * 这是一个宏任务
		 */
		const channel = new MessageChannel();
		const port1 = channel.port1;
		const port2 = channel.port2;
		// 发布一个信息
		port1.postMessage('发给port2的信息');
		// 订阅一个消息
		port2.onmessage = function(e) {
			console.log(e.data)
		}
	</script>
</body>
</html>